<template>
  <n-card hoverable v-if="user != undefined">
    <div class="flex items-center mb-2 gap-2 hover:(cursor-pointer)">
      <n-avatar round :size="45" :src="user.avatar" />
      <div class="flex flex-col">
        <p class="font-extrabold hover:(cursor-pointer)">{{ user.nickname }}</p>
        <div
          ><span>{{ user.campaignCount }}个活动 </span>| <span>中国,上海</span></div
        >
      </div>
    </div>
  </n-card>
</template>
<script setup lang="ts">
  defineProps({
    user: {
      type: Object,
    },
  });
</script>
<style scoped></style>
